<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>微信公众号统计</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <script src="/layui/layui.js" charset="utf-8"></script>
    <script src="/layui/layui_exts/excel.js" charset="utf-8"></script>
</head>
<style>
    .layui-table-cell{
        display:table-cell;
        vertical-align: middle;
    }
    .layui-form-item{
        font-size: 25px;
    }
    /*.layui-table-cell{*/
    /*    height:60px;*/
    /*    line-height: 60px;*/
    /*}*/
    .image1{
        width: 60px;
        height: 60px;
    }
    /*.image1:hover{*/

    /*    transform:scale(3);*/
    /*}*/
</style>

<body>
<form role="form" class="layui-form" style="margin-top: 19px;">
    <div class="layui-form-item">
        <label>日期：</label>
        <input id="startExamDate"  style="vertical-align: baseline;width:145px;" class="layer-date" placeholder="YYYY-MM-DD"> -
        <input id="endExamDate"  style="vertical-align: baseline;width:145px;" class="input-sm form-control layer-date" placeholder="YYYY-MM-DD">
        &nbsp;&nbsp;<button onclick="initTable();" type="button" class="layui-btn">搜索</button>
        <button class="layui-btn" id="export" onclick="exportdata()">
            <i class="iconfont icon-export"></i> 导出
        </button>
    </div>


</form>
<table class="layui-hide" id="test"></table>



<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
<script>
    function getDate(a) {
        var dd = new Date();
        dd.setTime(dd.getTime() + (a == undefined || isNaN(parseInt(a)) ? 0 : parseInt(a)) * 86400000);
        var y = dd.getFullYear();
        var m = dd.getMonth() + 1;
        var d = dd.getDate();
        return y + "-" + (m < 10 ? ('0' + m) : m) + "-" + (d < 10 ? ('0' + d) : d);
    }
    function getDatefirst() {
        var dd = new Date();
        var y = dd.getFullYear();
        var m = dd.getMonth() + 1;
        var d = 1;
        return y + "-" + (m < 10 ? ('0' + m) : m) + "-" + (d < 10 ? ('0' + d) : d);
    }


    layui.use(['table','laydate'], function(){
        var $=layui.$;
        var table = layui.table;
        var laydate = layui.laydate;

        var startdates = $("#startExamDate").val();
        var enddates = $("#endExamDate").val();
        laydate.set({
            max:0,
            lang:'cn',
            btns : [ 'now','confirm' ],
            format : 'yyyy-MM-dd',
            theme: 'molv',
        });
        laydate.render({
            elem : '#endExamDate',
            done: function(value, date, endDate){
            console.log(value); //得到日期生成的值，如：2017-08-18
                enddates=value;
        },value:getDate(0),
        });
        laydate.render({
            elem : '#startExamDate',
            done: function(value, date, endDate){
                console.log(value); //得到日期生成的值，如：2017-08-18
                startdates=value;

            },
            value:getDatefirst(),
        });

        if(startdates==''){
            startdates=getDatefirst();
        }
        if(enddates==''){
            enddates=getDate();
        }
        table.render({
            elem: '#test'
            ,defaultToolbar: ['filter', 'print', 'exports']
            ,url:'wechart_data'
            ,page: false
            ,toolbar: true
            ,title: '微信公众号吸粉数据表'
            ,totalRow: true
            // ,cellMinWidth: 100 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
            ,where: {
            startdate: startdates
            ,enddate:enddates //每页数据量的参数名，默认：limit
            }
            // ,width:800
            ,cols: [[
                 {field:'wx_name',width:220, title: '微信公众号', sort: false,totalRowText: '合计'}
                ,{field:'type',width:150, title: '类型', sort: true,templet:function(d){
                    switch (d.type) {
                        case "1": return '认证服务号';
                        case "2": return '未认证服务号';
                        case "3": return '认证订阅号';
                        case "4": return '未认证订阅号';
                        default :return '个人微信';
                    }
                    }
        }
                ,{field:'nums',width:100, title: '吸粉数',sort: true,totalRow: true}
                ,{field:'issub', width:100,title: '关注',sort: true,totalRow: true}
                ,{field:'nosub',width:100, title: '取消关注',sort: true,templet:function (d) {
                    return d.nums-d.issub;
                    },totalRow: true}
                ,{field:'lasttime',  title: '最近一次吸粉',sort: true}
                ,{field:'ctime', title: '创建时间',sort: true}
                ,{field:'exp_time', title: '过期时间', sort: true}
            ]]

            ,id:'idTest'

        });
        window.initTable=function () {
            table.reload('idTest',{
                where: {
                    startdate: startdates
                    ,enddate:enddates //每页数据量的参数名，默认：limit
                }
            });
        };
        // $('#export').click(function(data){
        //     table.exportFile('idTest', data,'xls');
        // })
        window.exportdata=function (data) {
            table.exportFile('idTest', data,'xls');
            // console.log(data);
            // LAY_EXCEL.exportExcel({sheet1:[1,2]}, '微信公众号吸粉统计.xlsx', 'xlsx')
        }
    })

</script>

</body>
</html>